<%@ page language = "java" contentType = "text/html; charset=UTF-8"
         pageEncoding = "UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta charset = "utf-8">
	    <meta http-equiv = "X-UA-Compatible" content = "IE=edge">
	    <meta name = "viewport" content = "width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <!-- Bootstrap -->
	    <link href = "../css/bootstrap.min.css" rel = "stylesheet">
	    <script src = "../js/jquery.min.js"></script>
	    <script src = "../js/bootstrap.min.js"></script>
		<title>登录</title>
	<script type = "text/javascript">
		$(function () {
            $("#eye").click(function () {
                if ($("#password").attr("type") == "password") {
                    $("#password").attr("type", "text");
                    $("#eye").attr("class", "glyphicon glyphicon-eye-close");
                } else {
                    $("#password").attr("type", "password");
                    $("#eye").attr("class", "glyphicon glyphicon-eye-open");
                }
            })
        })
	</script>
	<style type = "text/css">
		#main {
            position: absolute;
            width: 400px;
            height: 300px;
            left: 50%;
            top: 40%;
            margin-left: -200px;
            margin-top: -100px;
        }
	</style>
</head>
<body>
<div id = "main" class = "panel panel-primary">
	<div class = "panel-heading">
		<div class = "panel-title">
			后台登录
		</div>
	</div>
	<div class = "panel-body">
		<div style = "text-align: center;">
			<img src = "../image/mistore_logo.png" alt = "logo" width = "30%" height = "30%"/>
		</div>
		<form action = "${pageContext.request.contextPath}/admin/adminLogin" method = "post">
			<div class = "form-group">
				<label>用户名:</label>
				<input type = "text" name = "username" id = "" class = "form-control" placeholder = "请输入用户名"/>
			</div>
			<div class = "form-group">
				<label>密&nbsp;&nbsp;&nbsp;码:</label>
				<div class = "input-group">
					<input type = "password" name = "password" id = "password" class = "form-control"
                           placeholder = "请输入密码"/>
					<span class = "input-group-addon">
						<span class = "glyphicon glyphicon-eye-open" id = "eye"></span>
					</span>
				</div>
			</div>
			<div class = "form-group" style = "text-align: center;">
				<input type = "submit" value = "登录" class = "btn btn-primary">
				<input type = "reset" value = "重置" class = "btn btn-default">
			</div>
		</form>
	</div>
</div>
</body>
</html>